<template>
	<view>
	  <view class="tpp">
	    <view class="textdd">
	        <view class="tupitem">退货单号：{{order.order_no}}</view>
	        <view class="tupitem">申请时间：{{order.add_time}}</view>
	        <view class="tupitem" v-if="order.status == 0">退货状态：待审核</view>
	        <view class="tupitem" v-if="order.status == 1">退货状态：审核通过</view>
	        <view class="tupitem" v-if="order.status == 2">退货状态：退货审核</view>
	        <view class="tupitem">退货明细</view>
	    </view>
	    <view v-for="item in datadetail" class="prdclass" >
	          <view class="he35">产品名称：{{item.product_name}}</view>
	          <view class="he35">产品编号：{{item.product_code}}</view>
	          <view class="he35">产品批次：{{item.norm}}</view>
	          <view class="he35">产品罐底码：{{item.sncode}}</view>
	          <view class="he35">产品箱码：{{item.boxcode}}</view>
	          <view class="he35">箱码规格：{{item.product_size}}</view>
	    </view>
	  </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			  order_no:"",
			  order:{},
			  datadetail:{}
			}
		},
		onLoad(p) {
			this.order_no=p.id
		},
		onShow() {
		  this.get_data()
		},
		methods: {
			get_data(){
			  var data={}
			  var that=this
			  data.order_no=this.order_no
			  this.request('/api/duoqudao/getbyapply_log', data,"post").then(ret => {
				  that.datadetail=ret.data.datadetail
				  that.order=ret.data.order
			  })
			}
		}
	}
</script>

<style>
.button{
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  border-radius: 20px;
  width: 100px;
  margin: 10px auto;
  text-align: center;
 
  background-color: #1B764A;
  color: #fff;
}
.ttadd{
  display: flex;
  position: fixed;
  bottom: 20px;
  width: 100%;
}
.button2{
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  border-radius: 20px;
  width: 100px;
  margin: 10px auto;
  text-align: center;
 
  background-color: red;
  color: #fff;
}
page{
  background-color: #f5f5f5;
}
.vsoaas{
  width: 110px;
  height: 176px;
  line-height: 25px;
  width: 116px;
  margin: 10px auto;
  text-align: center;
  border-radius: 5px;
}
.saoyisaodtx{
  text-align: center;
}
.vsoaas image{
  width:100%;
}
.tpp{ margin-top: 30px;}
.tupitem{
  padding: 10px 20px;
  border-bottom: 1px solid #eee;
}
.prdclass{
  margin: 10px;
  background-color: #fff;
  border-radius: 10px;
  padding-left: 10px;
}
.textdd{
  margin: 10px;
  overflow: auto;
  background-color: #fff;
  margin-top: 20px;
  font-size: 14px;
  font-weight: bold;
}
.prdclass{border: 1px solid #eee;padding: 10px;}
.deletebtn{
  height: 30px;
  line-height: 30px;
  width: 75px;
  margin: 0 auto;
  background-color: red;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.he35{line-height:25px;font-size: 14px;}
</style>
